<template>
  <div class="owners">
    <table>
      <tr>
        <th></th>
        <th>经营性收入</th>
        <th>地面停车费</th>
      </tr>
      <tr>
        <th>上季度</th>
        <td>
          <div class="content">
            <span class="num top">{{milliFormat(ywhsx.ywhsxJdAll)}}</span>
            <span class="units">元</span>
          </div>
        </td>
        <td>
          <div class="content">
            <span class="num top">{{milliFormat(ywhsx.dmtcfJdAll)}}</span>
            <span class="units">元</span>
          </div>
        </td>
      </tr>
      <tr>
        <th>本年度</th>
        <td>
          <div class="content">
            <span class="num bottom">{{milliFormat(ywhsx.ywhsxYearAll)}}</span>
            <span class="units">元</span>
          </div>
        </td>
        <td>
          <div class="content">
            <span class="num bottom">{{milliFormat(ywhsx.dmtcfYearAll)}}</span>
            <span class="units">元</span>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
import { milliFormat } from 'js/utils'
export default {
  props: {
    ywhsx: {
     type: Object,
     default: ()=>{}
    }
  },
  data () {
    return {
      
    }
  },
  methods: {
    milliFormat(num) {
      return milliFormat(num)
    },
  }
}
</script>

<style lang="scss">
.owners{
  height: 100%;
  padding: 20px 0px;
  display: flex;
  justify-content: center;
  table {
    width: 90%;
    tr {
      // display: flex;
      td, th {
        // flex: 1;
        border: 1px solid #1C639B;
        color:rgba(124,161,210,1);
        // padding: 5px 40px;
        font-size: 13px;
        height: 30px;
        vertical-align: middle;
      }
    }
  }
  .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .num {
    font-size:20px;
    font-family:FZZhunYuan-M02S;
    font-weight:600;
  }
  .top {
    color: #D89CFD;
  }
  .bottom {
    color: #53ED73;
  }
  .units {
    color: #fff;
    font-size:10px;
    font-family:Microsoft YaHei;
    font-weight:300;
    padding-left: 5px;
  }
}
</style>>
